<template>
  <div class="Emergency">
    <div class="topArea">
      <div class="left_content">
        <mapContent ref="mapContent" :mapZoom="6"></mapContent>
      </div>
      <div class="right_content">
        <FaultTrip></FaultTrip>
      </div>
    </div>
    <div class="botArea">
      <Yjresources></Yjresources>
    </div>
    <!--
    <div class="right_content">
    </div> -->
  </div>
</template>
<script>
import "@/assets/style/EmergencyDisposal/EDManagement.less";
// import mapContent from "../EarlyWarningManagement/WarningAction/components/mapContent.vue";
import mapContent from "./HomePageContent/mapContent.vue";
import FaultTrip from "./HomePageContent/FaultTrip.vue";
import Yjresources from "./HomePageContent/Yjresources.vue";
export default {
  name: "EDManagement",
  components: {
    mapContent,
    FaultTrip,
    Yjresources
  },
  data() {
    return {

    };
  }
};
</script>

<style scoped lang="less">
.Emergency {
  width: 100%;
  height: 99%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .topArea {
    height: 60%;
    display: flex;
    .left_content {
      width: 41%;
      height: 100%;
      border: 1px solid #0649d7;
      margin-right: 16px;
    }
    .right_content {
      flex: 1;
      height: 100%;
    }
  }
  .botArea {
    margin-top: 16px;
    flex: 1;
  }
}
</style>
